<template>
	<view class="container">

		<view>
			<u--form labelPosition="left" :model="model1" ref="form1" labelWidth='150px' :labelStyle='labelStyle'>
				<view class="title">
					基础信息
				</view>
				<view class="box">
					<u-form-item label="作业申请单位" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="作业申请时间" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="作业实施时间" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="监护人" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="作业内容" borderBottom>
						<u--textarea v-model="model1.userInfo.name" disabled disabledColor='#fff'></u--textarea>
					</u-form-item>
					<u-form-item label="动火地点" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="动火部位" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="动火作业级别" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="动火人" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="作业单位" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="作业负责人" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="动火方式">
						<u--textarea v-model="model1.userInfo.name" disabled disabledColor='#fff'></u--textarea>
					</u-form-item>


				</view>
				<view class="title">
					关联特殊作业
				</view>
				<view class="box">
					<u-form-item label="关联特殊作业">
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
				</view>
				<view class="title">
					气体检测
				</view>
				<view class="box">
					<u-form-item label="取样分析时间" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="代表性气体" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="分析结果" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="分析人">
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
				</view>
				<!-- <view class="title">
					危害辨识-安全措施
				</view>
				<view class="box">
					<u-form-item label="危害辨识" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="安全措施" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="个人用品防护" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>

				</view> -->
				<view class="title">
					安全交底
				</view>
				<view class="box">
					<u-form-item label="安全交底人" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="接受交底人" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>

				</view>
				<view class="title">
					安全教育
				</view>
				<view class="box">
					<u-form-item label="计划性" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="实施安全教育人" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="是否已实施" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>

				</view>
				<view class="title">
					验收
				</view>
				<view class="box">
					<u-form-item label="验收人" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>

				</view>
			</u--form>
			<view class="" style="display: flex;">
				<!-- <u-button type="" :plain="true" text="驳回" class='but' @tap='goreasonforRejection'></u-button> -->
				<u-button type="primary" text="我已阅读,下一步" @click="submit" class='but'></u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showSex: false,
				labelStyle: {
					color: '#666'
				},
				model1: {
					userInfo: {
						name: '王富贵',
						sex: '',
					},
				},
			
				radio: '',
				switchVal: false
			};
		},
		methods: {
			submit() {
				console.log(this.model1)
				uni.navigateTo({
					url: '../measures/measures'
				})
			},
			// 驳回
			goreasonforRejection() {
				console.log(123)
				uni.navigateTo({
					url: '../reasonforRejection/reasonforRejection'
				})
			}
		}
	}
</script>

<style lang="scss">
	.container {
		padding: 0 24rpx;
		background-color: #f6f6f6;

		.title {
			font-size: 28rpx;
			font-weight: 500;
			color: #999999;
			line-height: 44rpx;
			padding: 20rpx 48rpx;
		}

		.box {
			padding: 0rpx 48rpx;
			background-color: #fff;
			border-radius: 20rpx;
		}
	}

	.but {
		margin: 30rpx 0;
	}
</style>
